<!DOCTYPE html>
<html lang="zh-ch">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/swiper.css"/>
<link rel="stylesheet" href="css/fancybox.css"/>
<link rel="stylesheet" href="css/style.mobile.css"/>
<link rel="stylesheet" href="css/index.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
<script type="text/javascript" src="js/change-html-fz.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/simpler-sidebar.js"></script>
<script type="text/javascript" charset="utf-8" src="js/hSdrop.js"></script>
<style>
	.emp_bot{
		height: 2.5rem;
	}
</style>
</head>
<body>
	
<div class="sidebar" id="dowebok">
	<div class="sidebar-wrapper" id="sidebar-wrapper">
		<ul class="nav">
			<li><a href="###">首页</a></li>
			<li><a href="###">资讯</a></li>
			<li><a href="###">品牌入驻</a></li>
			<li><a href="###">个人中心</a></li>
			<li><a href="###">我要代理</a></li>
			<li><a href="###">招商介绍</a></li>
			<li><a href="###">招商品牌展示</a></li>
		</ul>
	</div>
</div>

<div class="header">
	<div class="main clearfix">
		<div class="left"></div>
		<div class="center">
			<h2>会员登录</h2>
		</div>
		<div id="menu" class="menu"></div>
	</div>
</div>
	
<div class="login top_emp">
	<div class="login_box">
		<form action="">
			<input type="text" placeholder="手机号">
			<input type="text" placeholder="请输入您的密码">
			<button>登录</button>
		</form>
		<div class="adm_box clearfix">
			<a href="###" class="jreg">注册账号</a>
			<a href="###" class="jforget">忘记密码</a>
		</div>
		
		<div class="thirdparty clearfix">
			<h3><span>第三方账号登录</span></h3>
			<div class="tp_list">
				<a href="###"></a>
			</div>
		</div>
		
	</div>
</div>

<div class="tab">
	<div class="clearfix">
		<div class="col-5 on"><a href="###">首页</a></div>
		<div class="col-5"><a href="###">品牌入驻</a></div>
		<div class="col-5"><a href="###">我要代理</a></div>
		<div class="col-5"><a href="###">资讯</a></div>
		<div class="col-5"><a href="###">我的</a></div>
	</div>
</div>
		
<div class="loading">
	<p>正在加载，请稍等</p>
</div>
<div class="err">
	<p>返回失败msg</p>
</div>
<div class="succe">
	<p>返回成功msg</p>
</div>

<div class="emp_bot"></div>

<script type="text/javascript">
	
	
	let pop=function(classname,msg){
		switch (classname){
		case 'loading':
		break; 
		case 'err':
			$('.err p').html(msg);
		break; 
		case 'succe':
			$('.succe p').html(msg);
		break; 
		}
		$('.'+`${classname}`).show();
		setTimeout(()=>{
			$('.'+`${classname}`).hide();
		},3000);
	};
	
	
	$('button').on('click',function(e){
		//阻止默认提交
		
		e.preventDefault();
		pop('err','返回成功');
		
	});
</script>

<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
